<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>


<%@ include file="head.jsp"%>




<div id="main" class="content">
	<div class="container">
		<article itemscope="itemscope">

			<c:forEach items="${map.bloglist }" var="i"> 
			
			<c:choose>
			    <c:when test="${i.style == 1 }">
			        
			        <!-- 样式1 开始 -->
						<div class="posts-list js-posts">
							<div class="post post-layout-list" data-aos="fade-up">
								<div class="status_list_item icon_kyubo">
									<div class="status_user"
										style="background-image: url(${baseurl }${i.imageUrl[0] });">
										<div class="status_section">
											<a href="${baseurl }/detail/${i.id} " class="status_btn">${i.title }</a>
											<p class="section_p">${i.describe }
											</p>
										</div>
									</div>
								</div>
							</div>
					<!-- 样式1 结束 -->
			        
			    </c:when>
			    <c:when test="${i.style == 2 }">
			        
			        
			        <!-- 样式2  开始-->
					<div class="post post-layout-list" data-aos="fade-up">
						<div class="postnormal review ">
							<div class="post-container review-item">
								<div class="row review-item-wrapper">
									<div class="col-sm-3">
										<a rel="nofollow" href="detail.html">
											<div class="review-item-img"
												style="background-image: url(${baseurl }${i.imageUrl[0] });"></div>
										</a>
									</div>
									<div class="col-sm-9 flex-xs-middle">
										<div class="review-item-title">
											<a href="${baseurl }/detail/${i.id}" rel="bookmark">${i.title }</a>
										</div>
										<div class="review-item-creator">
											<b>发布日期：</b>${i.createtime }
										</div>
										<span class="review-item-info"><b>总浏览量：</b>${i.readingnum } reads</span>
									</div>
								</div>
								<div class="review-bg-wrapper">
									<div class="bg-blur"
										style="background-image: url(${baseurl }${i.imageUrl[0] });"></div>
								</div>
							</div>
							<div class="post-container">
								<div class="entry-content">${i.describe }</div>
								<div class="post-footer">
									<a class="gaz-btn primary" href="">READ MORE</a> <span
										class="total-comments-on-post pull-right"><a href="">${i.commentnum }
											Comments</a></span>
								</div>
							</div>
						</div>
					</div>
					<!-- 样式2  结束-->
			        
			        
			    </c:when>
			    
			    <c:when test="${i.style == 3 }">
			        
			        <!-- 样式3开始 -->
					<div class="post post-layout-list js-gallery" data-aos="fade-up">
						<div class="post-album">
							<div class="row content">
								<div class="bg"
									style="background-image: url(${baseurl }/resources/home/statics/images/IMG_0150.jpg);"></div>
								<div class="contentext flex-xs-middle">
									<div class="album-title">
										<a href="${baseurl }/detail/${i.id}">${i.title }</a>
									</div>
									<h5 class="review-item-creator">
										<b>发布日期：</b>${i.createtime }
									</h5>
									<div class="album-content">${i.describe }</div>
								</div>
								<div class="album-thumb-width flex-xs-middle">
									<div class="row album-thumb no-gutter">
										<c:forEach items="${i.imageUrl }" var="k">
									
											<div class="col-xs-4">
												<img class="thumb"
													src="${baseurl }${k}" />
											</div>
										</c:forEach>
										
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- 样式3结束 -->
			        
			    </c:when>
			    
			    <c:otherwise>
			    
			    </c:otherwise>
			</c:choose>

				

					


					
			</c:forEach>
	</div>
	<!-- post-formats end Infinite Scroll star -->
	<!-- post-formats -->
	<div class="pagination js-pagination">
		<div class="js-next pagination__load">
			<a href=""><i class="iconfont">&#xe605;</i></a>
		</div>
	</div>
	<!-- -pagination  -->
</div>
</div>

<%@ include file="footer.jsp"%>


<script type="text/javascript">
	$(function() {
		$("#menu-item-17 a").addClass("active");
	})
</script>
